<extend name="Public:base" />
<block name="style">
    <link href="__PUBLIC__/Home/Css/bootstrap.min.css" rel="stylesheet" media="screen">
</block>
<block name="content">
    <div id="banner">
        <div id="banner_btn">
            <ul>
                <li></li>
                <li></li>
                <li class="active"></li>
            </ul>
        </div>
        <ul id="banner_imglist">
            <li class="banner_bg1" style="display:none">
                <a href="javascript:;">
                    <img src="__PUBLIC__/Home/Images/show/banner1.jpg" />
                </a>
            </li>
            <li class="banner_bg1" style="display:none">
                <a href="javascript:;">
                    <img src="__PUBLIC__/Home/Images/show/banner1.jpg" />
                </a>
            </li>
            <li class="banner_bg1" style="display:none">
                <a href="javascript:;">
                    <img src="__PUBLIC__/Home/Images/show/banner1.jpg" />
                </a>
            </li>
        </ul>
    </div>
    <div class="app_down">
        <div class="app_content">
            <h1>快速下载</h1>
            <a href="javascript:;" title="iPad" class="app_ipad">iPad</a>
            <a href="javascript:;" title="iPhone" class="app_iphone">iPhone</a>
            <a href="javascript:;" title="Android" class="app_android">Android</a>
        </div>
    </div>
    <div class="subject">
        <a href="javascript:;" class="cml"><img src="__PUBLIC__/Home/Images/subject/subject1.jpg" alt="专题一" /></a>
        <a href="javascript:;"><img src="__PUBLIC__/Home/Images/subject/subject2.jpg" alt="专题二" /></a>
        <a href="javascript:;"><img src="__PUBLIC__/Home/Images/subject/subject3.jpg" alt="专题三" /></a>
        <a href="javascript:;"><img src="__PUBLIC__/Home/Images/subject/subject4.jpg" alt="专题四" /></a>
    </div>
    <div class="content">
        <div class="video_filter">
            <h1>订阅</h1>
            <div class="rss" style="display:none;">
                <form action="">
                    <input type="email" name="email" placeholder="请输入订阅邮箱地址" />
                    <button type="button" id="rss" data-toggle="modal" data-target="#rssAction" class="btn btn-warning">订阅</button>
                </form>
                <div class="rss_close"></div>
            </div>

            <div class="modal hide fade" id="rssAction" style="width: 400px;">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>订阅健身动作</h3>
              </div>
              <div class="modal-body">
                <div class="modal_content">
                    <div class="modal_info">订阅成功！</div>
                    <p>咚咚健身有最新动作教程会第一时间通知您...</p>
                </div>
              </div>
            </div>
            <volist name="action_cate" id="vo">
				<a href="javascript:;" <eq name="i" value="1">class="selected"</eq> data-id="{$vo.id}">{$vo.name}</a>
			</volist>
        </div>
        <div class="video_list" id="change_list">
			<volist name="action_data.first" id="vo">
                <div class="video_items">
                    <a href="{$vo.url}"><img src="{$vo.img_src}" alt="{$vo.name}" /></a>
                    <div class="video_type_{$vo.level} fr">&nbsp;</div>
                    <div class="video_desc">
                        <a href="{$vo.url}" class="video_title">{$vo.name}</a>
                        <notempty name="vo.tag">
                        <ul>
                        <volist name="vo.tag" id="tvo">
                            <li>
                                <div class="video_tagl"></div>
                                <div class="video_tagc">{$tvo}</div>
                                <div class="video_tagr"></div>
                            </li>
                        </volist>
                        </ul>
                        </notempty>
                        <div class="video_content">{$vo.describe}</div>
                    </div>
                </div>
            </volist>
        </div>
    </div>
</block>
<block name="script">
    <script src="__PUBLIC__/Home/Js/jquery.js"></script>
    <script src="__PUBLIC__/Home/Js/thinkbox/jquery.thinkbox.js"></script>
    <script src="__PUBLIC__/Home/Js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/Home/Js/common.js"></script>
    <script src="__PUBLIC__/Home/Js/index.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Home/Js/jquery.imgSlider.js"></script>
    <script type="text/javascript">
        var Global = {
            action_data: {:json_encode($action_data['list'])},
            rss_url: "{:url('Base/rss')}"
        }
    </script>
</block>

